<template>
	<div class="footer">
			<div class="loading">
				<el-table 
					v-loading="loading2"
    				element-loading-text="拼命加载中"
    				element-loading-spinner="el-icon-loading"
    				>
				</el-table>
			</div>
			<div class="title-t">
				<span>好租网</span>><span>重庆写字楼</span>><span>渝中写字楼</span>><span>解放碑商圈写字楼</span>
			</div>
			<div class="title-c">
				<span>区域写字楼</span><span>商圈写字楼</span>
			</div>
			<div class="title-c-t">
				<ul class="title-c-t-ul">
					<li>渝中写字楼</li>
					<li>江北写字楼</li>
					<li>渝北写字楼</li>
					<li>九龙坡写字楼</li>
				</ul>
			</div>
			<div class="bootom-title">
				<p>@2015-2019 北京好租科技发展有限公司 </p>
				<p><span>京ICP备160 19026号</span></p>
				<p>京公网安备 110 1080 2025 685号</p>
				<p>地址：北京市海淀区上地软件园南路57号八维学院</p>
			</div>
			<div class="footer-wh"></div>
		</div>
</template>

<script>
	export default {
		name:'myfooter',
		data() {
			return {
				 loading2: true,
			}
		}
	}
</script>

<style scoped>
	.footer-wh {
		width: 100%;
		height: 1.5rem;
		background: #f9f9f9;
	}
	
	.bootom-title span {
		color: #616161;
	}
	
	.bootom-title {
		font-size: 0.12rem;
		color: #898989;
		text-align: center;
	}
	
	.title-c-t-ul {
		font-size: 0.22rem;
		display: flex;
		color: #999;
		justify-content: space-between;
	}
	
	.title-c-t-ul li {}
	
	.title-c-t {
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		padding: 0 0.2rem;
		box-sizing: border-box;
	}
	
	.title-c {
		height: 0.4rem;
		font-size: 0.25rem;
		color: #5b5b5b;
		border-bottom: 0.01rem solid #d9d9d9;
		padding-left: 0.2rem;
		box-sizing: border-box;
	}
	
	.title-t {
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		font-size: 0.20rem;
		color: #999999;
		padding-left: 0.2rem;
		box-sizing: border-box;
	}
	
	.title-t>span {
		margin: 0 0.05rem;
	}
	
	.footer {
		width: 100%;
		height: 5rem;
	}
</style>